import React from 'react'
import { Panel, Cell, CellBody, CellFooter, Flex, FlexItem , Grids} from 'react-weui'
import { browserHistory } from 'react-router'
import iconPic from '../../img/12-084943_744.jpg'

export default class UserFunc extends React.Component {
	render() {
		const { storeId } = this.props;
		const data = [{
			icon: <i className="iconfont icon-favorite "  style={{ fontSize: '24px', color: 'orange' }}></i>,
			label: '收藏商品',
			href: `/store/${storeId}/user/favorite`
		}, {
			icon: <i className="iconfont icon-cart" style={{ fontSize: '24px', color: 'red'}}></i>,
			label: '购物车',
			href: `/store/${storeId}/user/shopping-cart`
		}, {
			icon: <i className="iconfont icon-map func-icon" style={{ fontSize: '24px', color: 'blue'}}></i>,
			label: '收货地址',
			href: `/store/${storeId}/user/address`
		}, {
			icon: <i className="iconfont icon-bussinesscard func-icon" style={{ fontSize: '24px', color: 'purple'}}></i>,
			label: '我的银行卡',
			href: 'javascript:;'
		}, {
			icon: <i className="iconfont icon-search func-icon" style={{ fontSize: '24px', color: 'orange' }}></i>,
			label: '搜索',
			href: 'javascript:;'
		}];
		return (
            <Panel>
               <Cell style={{
                	borderBottom: '1px solid #f2f2f2'
                }} access>
                    <CellBody>
                        我的功能
                    </CellBody>
                </Cell>
                <Grids data={data} />
            </Panel>
		);
	}
}
